<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>设计癖  |  关注设计癖 发现好设计</title>
        <link rel="stylesheet" href="css/index.css">
        <link rel="shortcut icon" href="img/favicon-32x32.png" />
    </head>
    <body>
        <header class="header">
            <h1><a href=""></a></h1>
            <div class="head_left">
                <a href="">赞</a>
                <a href="">萌</a>
                <a href="">哈</a>
                <a href="">艹</a>
                <a href="">买</a>
            </div>
            <div class="head_inter">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#" style="color: red;">作品</a></li>
                    <li><a href="#">活动</a></li>
                    <li><a href="#">专题</a></li>
                    <li><a href="#">Pi周刊</a></li>
                    <li><a href="#">设计大爆炸</a></li>
                    <li><a href="#">设计导航</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">帮助</a></li>
                </ul>
            </div>
            <form action="#" method="get" class="head_right">
                <div></div>
            </form>
            <div class="login">
                <a href="">登录</a>
            </div>
        </header>
        <div class="main">
            <div class="mid">
                <div class="container">
                    <div class="bigimg">
                        <img src="headImg/s003.jpg" alt="">
                        <p>
                            <span>Brand 100: 设计成就品牌</span>
                        </p>
                    </div>
                    <div class="contai_right">
                        <ul>
                            <li>
                                <img src="headImg/s02.jpg" alt="">
                                <p>
                                    <span>想点亮圣诞气氛?试试这个[驯鹿]灯</span>
                                </p>
                            </li>
                            <li>
                                <img src="headImg/s03.jpg" alt="">
                                <p>
                                    <span>Designer 100。100个设计师,100个故事</span>
                                </p>
                            </li>
                            <li>
                                <img src="headImg/s04.jpg" alt="">
                                <p>
                                    <span>旧椅子获新生,比以前更酷炫了</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mid_box">
                    <div class="sort">
                        <ul>
                            <li style="border: 1px solid red;"><a href="" style="color: red;">最新</a></li>
                            <li><a href="">排行榜</a></li>
                            <li><a href="">碰碰运气</a></li>
                        </ul>
                    </div>
                    
                    <div class="list">
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i01.jpg" alt="">
                                </a>
                                <span>青</span>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i02.jpg" alt="">
                                    <span>青</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i03.jpg" alt="">
                                    <span>子</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box" style="margin: 0 0 12px 0;">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i04.jpg" alt="">
                                    <span>衿</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i05.jpg" alt="">
                                    <span>悠</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i06.png" alt="">
                                    <span>悠</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i07.jpg" alt="">
                                    <span>我</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box" style="margin: 0 0 12px 0;">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i08.jpg" alt="">
                                    <span>心</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i09.jpg" alt="">
                                    <span>但</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i10.jpg" alt="">
                                    <span>为</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/i11.jpg" alt="">
                                    <span>君</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box" style="margin: 0 0 12px 0;">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/s02.jpg" alt="">
                                    <span>故</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/s1.gif" alt="">
                                    <span>沉</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/s2.jpg" alt="">
                                    <span>吟</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/s3.jpg" alt="">
                                    <span>至</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                        <div class="box" style="margin: 0 0 12px 0;">
                            <div class="box_img">
                                <a href="">
                                    <img src="img/s4.gif" alt="">
                                    <span>今</span>
                                </a>
                            </div>
                            <div class="box_title">
                                <a href="">冒烟了？麦当劳冒烟了？</a>
                            </div>
                            <div class="box_meata">
                                <span class="box_meata_left">
                                    <a href="">
                                        <img src="img/logo.jpg" alt="">
                                    </a>
                                    <a href="">
                                        <span>LOGO大师</span>
                                    </a>
                                </span>
                                <span class="box_meata_right">
                                    <a href="">公司</a>
                                    <b>|</b>
                                    <a href="">热点</a>
                                </span>
                            </div>
                            <div class="box_tail">
                                <span>10小时前</span>
                                <span class="box_tail_right">158</span>
                                <span class="allvotes">9</span>
                            </div>
                        </div>
                        <!--  -->
                    </div>
                    <div id="null">
                        <span>没有更多了，看看其他吧</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="pai">
            <div class="pai_container">
                <div class="he">合作伙伴</div>
                <ul>
                    <li><a href=""><img src="img/a1.png" alt=""></a></li>
                    <li><a href=""><img src="img/a2.png" alt=""></a></li>
                    <li><a href=""><img src="img/a3.png" alt=""></a></li>
                    <li><a href=""><img src="img/a4.png" alt=""></a></li>
                    <li><a href=""><img src="img/a5.png" alt=""></a></li>
                    <li><a href=""><img src="img/a6.png" alt=""></a></li>
                </ul>
            </div>
            <div class="pai_container">
                <div class="he" style="padding-top: 85px;">友情链接</div>
                <ul class="xi">
                    <li><a href="" style="border-left: 0px solid #ddd;"> 海报设计</a></li>
                    <li><a href=""> DRC</a></li>
                    <li><a href=""> 中国工业设计协会</a></li>
                    <li><a href=""> 设计邦</a></li>
                    <li><a href=""> 网易家居</a></li>
                    <li><a href=""> 凤凰家居</a></li>
                    <li><a href=""> 智东西</a></li>
                    <li><a href=""> 友好速搭</a></li>
                    <li><a href=""> 高清图片</a></li>
                    <li><a href=""> Fotor</a></li>
                    <li><a href=""> 极果</a></li>
                    <li><a href=""> 快站</a></li>
                    <li><a href=""> 新浪众测</a></li>
                    <li><a href=""> 非常设计师网</a></li>
                    <li><a href=""> 腾讯家居</a></li>
                </ul>
            </div>
        </div>
        <footer>
            <span>
                © 2012-2021 设计癖 |  京ICP备15049021号  |   
                <a href="">京公网安备 11010202007701号</a>
            </span>
        </footer>
    </body>
</html>